﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
	<meta name="viewport" content="width=device-width" />
	<title>Zoro - Album</title>
	<link href="/css/bootstrap.min.css" rel="stylesheet" />
	<link href="/css/light-bootstrap-dashboard.css" rel="stylesheet" />
	<link href="/css/font-awesome.min.css" rel="stylesheet">
	<link href="/css/pe-icon-7-stroke.css" rel="stylesheet" />
</head>
<body>
	<nav class="navbar navbar-transparent navbar-absolute">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#navigation-example-2">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">Zoro - Album</a>
			</div>
		</div>
	</nav>
	<div class="wrapper wrapper-full-page">
		<div class="full-page login-page" data-color="orange" data-image="/picture/full-screen-image-1.jpg">
			<div class="content">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3">
							<form method="post" action="/login">
								<div class="card">
									<div class="header text-center">Login</div>
									<div class="content">
										<div class="form-group" th:text="${message}" style="color: red">
										</div>
										<div class="form-group">
											<label>User name</label> 
											<input type="text" name="username" placeholder="Enter Username" class="form-control">
										</div>
										<div class="form-group">
											<label>Password</label>
											<input type="password" name="password" placeholder="Password" class="form-control">
										</div>
									</div>
									<div class="footer text-center">
										<button type="submit" class="btn btn-fill btn-warning btn-wd">Login</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<footer class="footer footer-transparent">
				<div class="container">
					<p class="copyright pull-right">
						&copy; 2017 <a href="#">Zoro</a>, made with love for a better web
					</p>
				</div>
			</footer>
		</div>
	</div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>

</html>